<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<!--webfonts-->
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700|Cinzel+Decorative:400,700' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body> 
<!--start-home-->
<div class="full"> <span class="menu"></span>
    <div class="navbar"> <a class="menu" href="#"><i class="icon-align-justify"></i></a> <a class="link hme" href="index.html"> <span class="active"><span class="valign"><span class="vertical">HOME</span></span></span> <span class="hover"><span class="valign"><span class="vertical">HOME</span></span></span> </a> <a class="link abt" href="about.html"> <span class="active"><span class="valign"><span class="vertical">ABOUT</span></span></span> <span class="hover"><span class="valign"><span class="vertical">ABOUT</span></span></span> </a> <a class="link tdz" href="trendz.html"> <span class="active"><span class="valign"><span class="vertical">TRENDz</span></span></span> <span class="hover"><span class="valign"><span class="vertical">TRENDz</span></span></span> </a> <a class="link" href="designers.html"> <span class="active"><span class="valign"><span class="vertical">DESIGNERS</span></span></span> <span class="hover"><span class="valign"><span class="vertical">DESIGNERS</span></span></span> </a> <a class="link con" href="contact.html"> <span class="active"><span class="valign"><span class="vertical">CONTACT</span></span></span> <span class="hover"><span class="valign"><span class="vertical">CONTACT</span></span></span> </a> </div>
    <!-- script for menu --> 
    <script>
		$( "span.menu" ).click(function() {
		  $( ".navbar" ).slideToggle( "slow", function() {
			// Animation complete.
		  });
		});
	</script> 
    <!--main-->
    <div class="main">
        <div id="home" class="header two">
            <div class="header-top">
                <div class="container">
                    <div class="logo two"> <a href="index.html">
                        <h1>New <br>
                            <span>TrendZ</span></h1>
                        </a> </div>
                </div>
            </div>
        </div>
        <!--blog-->
        <div class="designer-section">
            <div class="second-head">
                <h3>Jack Brown</h3>
                <p>Duis autem vel eum iriure dolor in hendrerit,Ut wisi enim ad minim veniam, quis nostrud.We Provide Worlds top fashion for less fashionpress.</p>
            </div>
            <div class="designer-top">
                <div class="designer-grids">
                    <div class="col-md-3 designer-grid"> <img src="images/single.jpg" alt=" " title="Desiner" /> </div>
                    <div class="col-md-9 designer-text">
                        <h4>Jack Brown</h4>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus porta. Fusce suscipit varius mi. nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna in 2001 donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit 2005 varius mi. nascetur ridiculus mus.</p>
                        <ul class="category">
                            <li><a href="#">Duis autem vel eum iriure dolor in hendrerit</a></li>
                            <li><a href="#">Praesent vestibulum molestie lacus</a></li>
                            <li><a href="#">Aenean nonummy hendrerit mauris</a></li>
                            <li><a href="#">Duis autem vel eum iriure dolor in hendrerit</a></li>
                        </ul>
                        <p class="do">Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, in 2012 consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, Mauris fermentum dictum magna. Sed laoreet aliquam leo. cursus eleifend, elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo.</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <p class="lop">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus porta. Fusce suscipit varius mi. nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna in 2001 donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit 2005 varius mi. nascetur ridiculus mus</p>
            </div>
            <div class="single">
                <div class="leave">
                    <h4>Leave a comment</h4>
                </div>
                <form id="commentform">
                    <p class="comment-form-author-name">
                        <label for="author">Name</label>
                        <input id="author" name="author" type="text" value="" size="30" aria-required="true">
                    </p>
                    <p class="comment-form-email">
                        <label for="email">Email</label>
                        <input id="email" name="email" type="text" value="" size="30" aria-required="true">
                    </p>
                    <p class="comment-form-comment">
                        <label for="comment">Comment</label>
                        <textarea></textarea>
                    </p>
                    <div class="clearfix"></div>
                    <p class="form-submit">
                        <input name="submit" type="submit" id="submit" value="Send">
                    </p>
                    <div class="clearfix"></div>
                </form>
            </div>
            <div class="comments">
                <h4>Comments</h4>
                <div class="comment-box">
                    <h5>No Comments Found</h5>
                </div>
            </div>
        </div>
        <!--/start-footer-section-->
        <div class="footer-section">
            <div class="footer-grids">
                <div class="col-md-3 footer-grid">
                    <h4>About</h4>
                    <div class="border2"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
                    <p class="sub">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p>
                </div>
                <div class="col-md-3 footer-grid tags">
                    <h4>the tags</h4>
                    <div class="border2"></div>
                    <ul class="tag">
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Photography</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Model</a></li>
                        <li><a href="#">Awesome</a></li>
                        <li><a href="#">Model</a></li>
                    </ul>
                </div>
                <div class="col-md-3 footer-grid tweet">
                    <h4>latest tweets</h4>
                    <div class="border2"></div>
                    <div class="icon-3-square"> <a href="#"><i class="square-3"></i></a> </div>
                    <div class="icon-text">
                        <p>I like this Lorem ipsum dolor sit amet <a href="mailto:info@example.com">mail@example.com</a></p>
                        <h5>About 15 mins</h5>
                    </div>
                    <div class="clearfix"></div>
                    <div class="icon-3-square"> <a href="#"><i class="square-3"></i></a> </div>
                    <div class="icon-text">
                        <p>I like this Lorem ipsum dolor sit amet <a href="mailto:info@example.com">mail@example.com</a></p>
                        <h5>About 30 mins</h5>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="col-md-3 footer-grid flickr">
                    <h4>flickr feed</h4>
                    <div class="border2"></div>
                    <div class="flickr-grids">
                        <div class="flickr-grid"> <a href="#"><img src="images/t3.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t2.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t2.jpg" alt=""/></a> </div>
                        <div class="clearfix"> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t5.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t3.jpg" alt=""/></a> </div>
                        <div class="flickr-grid"> <a href="#"><img src="images/t5.jpg" alt=""/></a> </div>
                        <div class="clearfix"> </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!--//end-footer-section--> 
        <!--/start-copyright-section-->
        <div class="copyright">
            <p class="write">Copyright &copy; 2017.Company name All rights reserved.</p>
        </div>
    </div>
</div>
<!--start-smoth-scrolling--> 
<script type="text/javascript">
jQuery(document).ready(function($) {
	$(".scroll").click(function(event){		
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
	});
});
</script> 
<!--start-smoth-scrolling--> 
<script type="text/javascript">
	$(document).ready(function() {
		$().UItoTop({ easingType: 'easeOutQuart' });
	});
</script> 
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>